{namespace flux=FluidTYPO3\Flux\ViewHelpers}
{namespace v=FluidTYPO3\Vhs\ViewHelpers}

<f:layout name="FCE" />

<f:section name="Configuration">
	<flux:form wizardTab="Blandes"  label="Blandes: Two Third" id="twoThird" icon="{v:extension.path.resources(path: 'Icons/favicon.ico')}">
		<flux:grid> 
			<flux:grid.row>
				<flux:grid.column name="col1">
					<flux:field.input name="width1" default="8" label="Largeur du bloc gauche" />
					<flux:field.input name="title1" label="Titre gauche" />
					<flux:form.content name="content1" label="Nice name for column 1" />
				</flux:grid.column>
				<flux:grid.column name="col2">
					<flux:field.input name="width2" default="4" label="Largeur du bloc droite" />
					<flux:field.input name="title2" label="Titre droit" />
					<flux:form.content name="content2" label="Nice name for column 2" />
				</flux:grid.column>
			</flux:grid.row>
		</flux:grid>
	</flux:form>
</f:section>

<f:section name="Preview">
	<f:if condition="{title1}">{title1} / </f:if><f:if condition="{title2}">{title2}</f:if>
 	<flux:widget.grid />
</f:section>

<f:section name="Main">
<f:comment><section class="section">
  <div class="container">
    <div class="row-fluid"></f:comment>
      <div class="row-fluid">
        <div class="span{width1}">
          <div class="inner-content">
            <f:if condition="{title1}"><h3  class="textuppercase" style="margin-bottom:15px"><span>{title1}</span></h3>
            <div class="hr border-tiny double-border"></div></f:if>
            <flux:content.render area="col1" />
          </div>
        </div>
        <div class="span{width2}">
          <div class="inner-content">
            <f:if condition="{title2}"><h3 class="textuppercase" style="margin-bottom:15px"><span>{title2}</span></h3>
            <div class="hr border-tiny double-border"></div></f:if>
			<flux:content.render area="col2" />
          </div>
        </div>
      </div>
<f:comment>    </div>
  </div>
</section></f:comment>
</f:section>